<template>
  <div id="app">
    <v-table
    is-horizontal-resize
       style="width:100%"
      :columns="columns"
      :table-data="tableData"
      :show-vertical-border="false"
    ></v-table>
    <img src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import Vue from 'vue';
import HelloWorld from './components/HelloWorld.vue';
// 引入样式
import '@/vue-easytable/libs/themes-base/index.css';
// 导入 table 和 分页组件
// import {VTable,VPagination} from './vue-easytable/libs'
import VTable from './vue-easytable/libs/v-table';
import VPagination from './vue-easytable/libs/v-pagination';
import inquireData from './inquireData.js'

// console.log(VTable);
// console.log(VPagination);

// 注册到全局
Vue.component(VTable.name, VTable);
Vue.component(VPagination.name, VPagination);
console.log(inquireData)
export default {
  name: 'app',
  data: function() {
    return {
      tableData: inquireData.queryData.data,
      columns: [
          {field: 'formmain_0133_0_field0001', title:'数字1', width: 50, titleAlign: 'center',columnAlign:'center',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0002', title: '数字2', width: 50, titleAlign: 'center',columnAlign:'center',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0003', title: '数字3', width: 50, titleAlign: 'center',columnAlign:'center',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0004', title: '数字4',width: 50,titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0005', title: '数字5',width: 50,titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0006', title: '数字6',width: 50,titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_field0007', title: '数字7',width: 50,titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_id', title: '主表ID_系统字段',width: 100, titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_modify_date', title: '创建人_系统字段', width: 100,titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_modify_member_id', title: '修改人_系统字段',width: 100, titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_start_date', title: '创建时间_系统字段',width: 100, titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
          {field: 'formmain_0133_0_start_member_id', title: '修改时间_系统字段',width: 100, titleAlign: 'center',columnAlign:'left',isResize:true,columnAlign:'center'},
      ]
    }
  },
  components: {
    HelloWorld
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
.v-table-class {
  margin: 0 auto;
}
</style>
